<!--
  Generated template for the ParkListPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar color="primary">
    <ion-title>景区</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>

  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content 
    pullingIcon="arrow-dropdown" 
    pullingText="下拉刷新..."
    refreshingSpinner="circles" 
    refreshingText="数据刷新..."></ion-refresher-content>
  </ion-refresher>

<ion-list [virtualScroll] = parks [approxItemHeight]="'200px'">
  <ion-item *virtualItem="let park" (click)="itemTapped(park)">
    <ion-thumbnail item-start>
      <ion-img [src]="park.img" cashe=true>
      </ion-img>
    </ion-thumbnail>
    <h2>{{park.name}}</h2>
    <h2>{{park.level}}</h2>
  </ion-item>
</ion-list>
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
  <ion-infinite-scroll-content loadingText="加载数据...."></ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>
